<div class="breadcrumb">
    <ul>
        <li>
            <i class="icon-home home-icon"></i>
            <a href="#">Home</a>
            <span class="divider">
                <i class="icon-angle-right arrow-icon"></i>
            </span>
        </li>
        <li class="active">Dashboard</li>
    </ul>
</div>
<div id="conteudo">
    <p>&nbsp;</p>
    <div id="dashboard">
        <div class="dash dash-left">
            <div class="u-status">
                <h1 class="verde"><small><br>Curso</small><small><?= $aluno['no_curso']; ?></small></h1>
                <h1 class="roxo"><?= get_periodo($aluno['seminicio']); ?><small>Período</small></h1>
                <h1 id="pend" class="vermelho"><small><br>Situação</small><small><?= $aluno['situacao']; ?></small></h1>
                <h1 id="turma" class="azul"><small class="top">Matriculado em</small><b class="counter" data-to="6">0</b><small>Turma(s)</small></h1>
                <h1 id="rqr" class="laranja"><b class="counter">0</b><small>Requerimento(s) em aberto</small></h1>
                <h1 id="msg" class="amarelo"><b class="counter">0</b><small>Mensagens não lida(s)</small></h1>               
            </div>
            <br style="clear: both" />
            <hr />
            <div class="chart">
                <div id="chartContainer" style="height: 300px; width: 100%;"></div>
            </div>
        </div>
        <div class="dash dash-center">
            <div class="verde col col-1">
                <a href="./academico/requerimento/">
                    <i class="i-dash icon-envelope"></i>
                    <span class="dash-text">Requerimentos</span>
                </a>
            </div>
            <div class="roxo col col-1">
                <a href="./academico/grade/montar">
                    <i class="i-dash icon-th"></i>
                    <span class="dash-text">Grade horária</span>
                </a>
            </div>
        </div>
        <div class="dash dash-right">
            <div class="amarelo col col-1">
                <a href="./usuario/perfil">
                    <i class="i-dash icon-edit"></i>
                    <span class="dash-text">Seu perfil</span>
                </a>
            </div>
            <div class="azul col col-1">
                <a href="./usuario/turmas">
                    <i class="i-dash icon-group"></i>
                    <span class="dash-text">Suas turmas</span>
                </a>
            </div>
        </div>
        <div class="dash-chart">
            <div id="chartGrade" class="chartBox"></div>
            <div id="chartRqr" class="chartBox"></div>
        </div>
        <div class="dash dash-requerimentos">
            <table>
                <thead>
                    <tr><th colspan="4">Últimos requerimentos abertos por você</th></tr>
                    <tr>
                        <th>Protocolo</th>
                        <th>Titulo</th>
                        <th>Data de abertura</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>0120141101</td>
                        <td><a href="#">Alteração de Nota</a></td>
                        <td>04/11/2014</td>
                        <td>Aberto</td>
                    </tr>
                    <tr>
                        <td>0120141101</td>
                        <td><a href="#">Alteração de Nota</a></td>
                        <td>04/11/2014</td>
                        <td>Aberto</td>
                    </tr>
                    <tr>
                        <td>0120141101</td>
                        <td><a href="#">Alteração de Nota</a></td>
                        <td>04/11/2014</td>
                        <td>Aberto</td>
                    </tr>
                    <tr>
                        <td>0120141101</td>
                        <td><a href="#">Alteração de Nota</a></td>
                        <td>04/11/2014</td>
                        <td>Encerrado</td>
                    </tr>
                    <tr>
                        <td colspan="4"><a href="./academico/requerimento/">Ver todos</a></td>
                </tbody>
            </table>
        </div>
    </div>
    <p style="clear: both">&nbsp;</p>
</div>